
.card-img-top {
    height: 200px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}
input.form-control {
    background-color: #f0f0f0;
    border: 1px solid #333;
    color: #333;
    border-radius: 5px;
    height: 40px;
    width: 200px;
}
:root {
    --primary-color: #3e2723; /* 深褐色，体现历史感 */
    --bg-color: #f8f9fa;
}



.navbar {
    background-color: var(--primary-color);
}

.card {
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


